<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8 />
<meta name="viewport" content="width=620" />
<title>Haiko Clock</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>

    <header>
      <h1>Haiko Clock</h1>
	  <nav>
      <a href="clock.htm" target="_self">Home &nbsp;</a>
      <a href="setting.htm" target="_self">Personalize The Clock  &nbsp;</a>
      <a href="addEvent.htm" target="_self">Add A Notification  &nbsp;</a>
      <a href="removeEvent.htm" target="_self">Remove Notifications &nbsp;</a>
	  <a href="about.htm" target="_self">About &nbsp;</a>
	  </nav>
    </header>
	
	<p>Concept Inventor: Heiko Rudolph</p>
	<p>Coded by: Liam Chen</p>
	<p>Supervised By: Heiko Rudolph and PJ Radcliffe</p>
	<p>licensed under the GNU GPLV3.</p>
	<h1>This is a demo of HTML5 video</h1>
	<h2>this will only work in firefox and opera<h2>
	<p>
	<video src="video/big_buck_bunny.ogv" controls></video>
	</p>
	
    <h2>this should always work<h2>
	<p>
	<video src="video/big_buck_bunny.webm" controls></video>
	</p>


<footer>page powered by <img src="icons/HTML5_Logo_32.png" alt="HTML5"/></footer>
</body>


</html>